Tengo una cadena con etiquetas HTML y tengo que representar la cadena compilada final como salida.

Ejemplo:

 export default function Example(props) { //Suppose values are {query1: "Hello", query2: "World"} const someMessage = `You searched for: <b>${query1}</b> and <b>${query2}</b>.` return ( <div>{someMessage}</div> ) }

Resultado que obtengo: Buscó: <b>Hola</b> y <b>Mundo</b>.

Salida esperada: Usted buscó: Hola y mundo .

Estoy buscando una alternativa que no sea la siguiente:

 <div dangerouslySetInnerHTML={{__html: someMessage}} />;

Como una lógica personalizada que puede compilar el HTML y devolver la cadena formateada/requerida